// pages/story/story.js
Page({
    data: {
        // 故事分类列表（默认选中"睡前小故事"）
        categoryList: [
            "睡前小故事", "寓言故事", "童话故事", "成语故事",
            "民间故事", "神话故事", "动物故事", "励志故事"
        ],
        // 默认选中分类
        activeCategory: "睡前小故事",
        // 故事列表数据（仅含标题、文本、分类，匹配需求）
        storyList: [
            {
                id: 0,
                cover: "/images/story/cover0.png",
                title: "老舌乌和肥猪",
                category: "睡前小故事",
                content: `已往, 有一只老鹤, 落在河边的树上歇凉;
有一只肥猪(hog), 到河边来洗澡。老鹊低头一看:"呵!来个大黑猪一黑得真难看!"肥猪抬头一看:"哟!原来是个黑老鹊一一黑得实在难看!"

老鹊一听就火了,"你说谁黑呀?"肥猪也生了气,"你说谁黑呀!"老鸽和肥猪谁也不承认自己是黑的。老鹤和肥猪正争吵着, 从对面游过来一只白鸭。问道:"你们吵什么呀?"

老鹊忙说:"我不黑它黑, 它反倒说我黑。"肥猪也抢着说:"我不黑它黑, 它反倒说我黑, 白鸭你快给评评是它黑是我黑吧!"白鸭大笑着说:"你们俩叫我评什么呀?一个比炭还黑,一个比锅底灰还黑, 半斤对八两,你们俩都是黑的,还争的哪家子,吵的哪家子?真是笑话呀!"

老鹊以为白鸭准会说肥猪黑, 没想到白鸭说它也是黑的, 马上气得直"哇哇",肥猪以为白鸭准会说老鹊黑的,没想到白鸭说它也是黑的, 马上气得直"哼哼";一个直"哇哇，一个直"哼哼",白鸭看着笑得更欢了。

从此以后,老鹊一说话就"哇哇";肥猪说话就"哼哼"。`
            },
            {
                id: 1,
                cover: "/images/story/cover1.png",
                title: "小兔子找胡萝卜",
                category: "睡前小故事",
                content: `森林里有一只小兔子，最喜欢吃胡萝卜。有一天，它的胡萝卜吃完了，决定去后山找新的胡萝卜。

走了没多久，小兔子遇到了小松鼠，小松鼠说："后山的胡萝卜在东边，但是要小心大灰狼哦！"小兔子谢过小松鼠，继续往东走。

又走了一段路，小兔子看到了一片胡萝卜地，刚要拔胡萝卜，突然听到大灰狼的叫声。小兔子赶紧躲到树后面，等大灰狼走了，才敢出来拔了三根大胡萝卜。

回到家，小兔子煮了胡萝卜汤，还分给了小松鼠一碗，两个人吃得开心极了。`
            },
            {
                id: 2,
                cover: "/images/story/cover2.png",
                title: "龟兔赛跑",
                category: "寓言故事",
                content: `兔子和乌龟比赛跑步，兔子嘲笑乌龟爬得慢，乌龟说："总有一天我会赢的。"兔子不以为然，觉得自己肯定能赢。

比赛开始了，兔子跑得飞快，一会儿就把乌龟远远甩在后面。兔子想："乌龟爬得这么慢，我先睡一觉再跑也来得及。"于是兔子躺在树下睡着了。

乌龟虽然爬得慢，但一直没有停下，慢慢悠悠地往前爬，等兔子醒来的时候，乌龟已经快到终点了。兔子赶紧往前跑，可是已经晚了，乌龟先冲过了终点线。

这个故事告诉我们：骄傲使人落后，坚持就是胜利。`
            }
        ],
        // 筛选后的故事列表（用于渲染页面）
        filteredStoryList: []
    },

    // 页面加载时初始化：筛选默认分类的故事
    onLoad() {
        this.filterStoriesByCategory("睡前小故事");
    },

    // 分类切换事件（点击左侧分类触发）
    handleCategoryTap(e) {
        const selectedCategory = e.currentTarget.dataset.category;
        this.setData({
            activeCategory: selectedCategory
        });
        this.filterStoriesByCategory(selectedCategory);
    },

    // 根据分类筛选故事的核心方法
    filterStoriesByCategory(category) {
        const filteredList = this.data.storyList.filter(story => story.category === category);
        this.setData({
            filteredStoryList: filteredList
        });
    }
})